<template>
    <div style="height:100%;width:100%">
        <iframe id="ifm" :src="appUrl + `/app/pk-trainee/index.html?token=${token}#/pk/borad?lang=${locale[$i18n.locale]}`" allowtransparency="true" allowfullscreen="true" width="100%" height="100%" frameBorder="0" scrolling="yes"></iframe>
    </div>
</template>
<script>
import '@/libs/lib-flexible/flexible';
export default {
    data() {
        return {
            url: window.location.host,
            isForm: false,
            locale: {
                'en': 'en-US',
                'cn': 'zh-CN',
                'hk': 'zh-TW'
            },
            token: window.localStorage.getItem('token')
        };
    },
    mounted() {
        let html = document.getElementsByTagName('html');
        let body = document.getElementsByTagName('body');
        let dataDpr = html[0].getAttribute('data-dpr');
        let font = body[0].getAttribute('style');
        let hfont = html[0].getAttribute('style');
        if (dataDpr && dataDpr !== 1) {
            this.$store.state.config.dataDpr = dataDpr;
            this.$store.state.config.pkHtmlFontSize = hfont;
        }
    },
    methods: {
    }
};
</script>
<style lang="less" scoped>
</style>
